<template>
	<view class="labels">
		<statusBar />
		<!-- 设置 -->
		<view class="nav" @tap="leftIndex">
			<image src="../../static/setup/jiantou.png" mode=""></image>
			<view>商品-编辑-商品标签</view>
		</view>
		
		<view class="search">
			<!-- 列表 -->
			<view class="starch">
				 <view>豌豆淀粉</view>
				 <view>删除</view>
			</view>
		</view>
		
		 <!-- 添加原料 -->
		 <view class="material" @tap="Addraw">
		 	+   添加原料
		 </view>
	</view>
</template>
<script>
import { mapActions, mapState } from 'vuex';
import { toast } from '@/utils/toast';
import request from '@/utils/request';
import statusBar from '../../components/statusBar/statusBar.vue';
export default {
	data() {
		return {};
	},
	components: {
		statusBar
	},
	methods:{
		leftIndex() {
			uni.navigateBack({
				delta: 1
			});
		},
		Addraw(){
			uni.navigateTo({
				url:"/pages/Management/Addraw"
			})
		}
		
	}
};
</script> 
<style lang="scss" scoped>
	.labels{
		background: #FFFFFF!important;
		.nav {
			display: flex;
			align-items: center;
			padding: 50upx 30upx 30upx 30upx;
			background: $bg1-color;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 9999;
		
			image {
				width: 27upx;
				height: 30upx;
				display: flex;
			}
			& > view {
				font-size: 34upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: $bg2-color;
				margin-left: 30upx;
			}
		}
		.search {
			// 微信小程序
			/* #ifdef  MP-WEIXIN */
		
			padding-top: 100upx;
			/* #endif */
			// 手机端
			/* #ifdef APP-PLUS */
			padding-top: 100upx;
			/* #endif */
			// H5端
			/* #ifdef  H5 */
			padding-top: 150upx;
			/* #endif */
		  .starch{
			  display: flex;
			  width: 90%;
			  margin: 0 auto;
			  justify-content: space-between;
			  padding: 36upx 0upx 36upx 0upx;
			  border-bottom: 1upx solid #EDEFF9;
			  background: #FFFFFF;
			  &>view:nth-child(1){
				  font-size:32upx;
				  font-family:Source Han Sans CN;
				  font-weight:400;
				  color:#333333;
			  }
			  &>view:nth-child(2){
				  font-size:32upx;
				  font-family:Source Han Sans CN;
				  font-weight:400;
				  color:#E34B4B;
			  }  
		  }
			}
			.material{
				width: 100%;
				height:112upx;
				margin: 0 auto;
				background:#FFFFFF;
				font-size:34upx;
				font-family:Source Han Sans CN;
				font-weight:400;
				color:#35394B;
				margin-top: 73upx;
				display: flex;
				align-items: center;
				justify-content: center;
				position: fixed;
				bottom: 0upx;
				left: 0;
				right: 0;
			}
        
	}
</style>